<template>
  测试公共组件
  <!-- <button @click="btn">删除</button> -->
  <!-- <XtxSkeleton background="red" />
  <XtxSkeleton />
  <XtxSkeleton />
  <XtxSkeleton /> -->
  <!-- <XtxConfirm /> -->
  <xtx-dialog :title="'自定义标题'" v-model:visible="showDialog">
    <h2>弹框的内容</h2>
    <p>1</p>
    <template #footer>
      <XtxButton
        type="gray"
        style="margin-right: 20px"
        @click="showDialog = false"
        >取消</XtxButton
      >
      <XtxButton type="primary" @click="showDialog = false">确认1</XtxButton>
    </template>
  </xtx-dialog>
</template>
<script>
import { ref } from 'vue'
// import comfirm from '@/components/confirm'
export default {
  setup () {
    const showDialog = ref(false)

    return { showDialog }
  }
}
</script>
